:root {
    --el-menu-item-height: 50px;
}
/**
* 
*  顶部导航样式  -------------------- begin --------------------
* 
*/
$--top-nav-bg-color: #f8f9fe;
$--top-nav-text-color: #4b4a61;
.adminui-header {
	background: #{$--top-nav-bg-color};
	color: #{$--top-nav-text-color};
	border-bottom: 1px solid #e7e8e9;
	display: flex;
	justify-content: space-between;
	// justify-content: left;
	.scrollbar-demo-item {
		color: #{$--top-nav-text-color} !important;
	}
	.approval-center .approval-icon-span {
		color: #{$--top-nav-text-color} !important;
	}
	.user-bar .user-avatar {
		color: #{$--top-nav-text-color} !important;
		label {
			color: #{$--top-nav-text-color} !important;
		}
	}
	.top-more-nav {
		color: #{$--top-nav-text-color} !important;
        // &.left {
            // display: none;
        // }
        // &.right {
        //     display: flex !important;
        //     margin-left: -30px;
        // }
	}
	.adminui-header-center {
        // margin-left: auto;
        // flex: 0 0 auto;
		// max-width: calc(100% - 1000px) !important;
        // width: auto !important;
		// margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-end;  /* 里面的内容也靠右排 */
        .scrollbar-demo-item {
            font-size: 15px;
            font-weight: 600; // 统一使用加粗，避免切换时变化
            // font-weight: normal;
            transition: color 0.2s ease; // 添加颜色过渡动画
            &.active {
                color: var(--el-color-primary) !important;
            }
        }
	}
}



.adminui-tags {
	ul {
		li {
			border-right: 1px solid #e7e8e9;
			box-sizing: border-box;
			padding: 0 10px;
			line-height: normal;
			a {
                color: #656565;
				.el-icon {
					display: none;
				}
			}
			&.active {
				background: none;
                font-weight: bold;
                a {
                    color: var(--el-color-primary);
                    .el-icon {
                        display: flex;
                        position: relative;
                        top: 1px;
                        border-radius: 50%;
                        width: 12px;
                        height: 12px;
                        background: var(--el-color-primary);
                        color: #D6D6D9;
                    }
                }
			}
            &:hover {
                background: none;
                a {
                    color: #656565;
                }
            }
		}
	}
}

/**
* 
*  左侧菜单样式  -------------------- begin --------------------
* 
*/

.adminui-side-top,
.adminui-topbar {
	display: none !important;
}

.aminui-side {
    background: url('/img/menu-bg.png') no-repeat center center;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
    .adminui-side-scroll {
        .el-menu {
            background: transparent;
            .el-sub-menu__title {
                &:hover {
                    background: none;
                }
            }
            .el-menu-item {
                min-height: var(--el-menu-item-height);
                &:hover {
                    background: none;
                }
                &.is-active,
                &.isActive {
                    position: relative;
                    &::after {
                        content: '';
                        position: absolute;
                        left: 5%;
                        top: 10%;
                        width: 90%;
                        height: 80%;
                        background: var(--el-color-primary);
                        border-radius: 4px;
                    }
                    color: #fff;
                    
                    // border-radius: 4px;
                }
            }
        }
    }
    .adminui-side-bottom {
        background: transparent;
        border-top: 0;
    }

}



// 1-2 分栏列表样式
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    position: relative;
    background: none;
    &::after {
        content: '';
        position: absolute;
        left: 10%;
        top: 10%;
        width: 80%;
        height: 80%;
        background: var(--el-color-primary);
        border-radius: 4px;
    }
    .el-tree-node__label {
        color: #fff;
        position: relative;
        z-index: 1;
    }
    .custom-tree-node {
        color: #fff;
        position: relative;
        z-index: 1;
    }
    // .action-button {
    //     button {
    //         color: #fff;
    //         position: relative;
    //         z-index: 1;
    //     }
    // }
}

.tree-group-box {
    .el-tree {
        .el-tree-node {
            .el-tree-node__content {
                background: none;
            }
        }
    }
}

// 1-3 列表
// .table-div {
    .el-table {
        .el-table__header {
            tr {
                th {
                    background: #E8EFFF !important;
                    border-color: #EAEAEC;
                }
            }
        }
    }
// }

// 1-4 详情
.detail-header {
    background: #fff;
    color: #303030;
    border-bottom: 1px solid #EAEAEC;
    .detail-header-title {
        border-left: none !important;
        .title-span {
            color: #303030;
        }
    }
    .fr-box {
        color: #303030;
    }
}

// 1-5 弹出层
.el-dialog {
    .el-dialog__header {
        background: none;
        border-bottom: 1px solid #EAEAEC;
        .my-title {
            color: #303030;
        }
        .close-icon {
            color: #303030;
        }
        .full-screen-icon {
            color: #303030;
        }
    }
}

// 1-7 列表标签
.customize-menu-list .table-box .table-search-box {
    border-top: 1px solid #EAEAEC !important;
}
.list-advanced-filter-tab {
    .list-advanced-filter-tab-item {
        height: 26px;
        line-height: 26px;
        background: #F9FEF9;
        border-color: #D5EBD8;
        &.active {
            border-color: #5AB75E;
            color: #19A41D;
        }
    }
    .list-advanced-filter-tab-item.active + .list-advanced-filter-tab-item {
        border-left-color: #5AB75E;
    }
}

// 仪表盘背景颜色
$--dashboard-bg-color: #F1F5FF;
// 每个容器背景颜色
$--dashboard-container-bg-color: #fff;

.adminui-main {
    background: #{$--dashboard-bg-color};
    .dashboard {
        background: #{$--dashboard-bg-color};
        .widget-body__content {
            background: initial;
        }
    }
    .customize-menu-list {
        padding: 15px;
        border-radius: 4px;
    }
    .table-box {
        // padding: 10px;
        // background: #fff;
        // height: calc(100% - 50px) !important;
        border-radius: 4px;
        .table-div {
            padding: 0 5px 5px 5px;
            box-sizing: border-box;
            background: #fff;
        }
    }
}

// 统计数值组件背景样式（已注释）
// .form-widget-list .widget-statistic,
// .adminui-main .dashboard .widget-statistic{
//     background: url('/img/statistic-bg.png') no-repeat center center;
//     background-size: 100% 100%;
//     background-position: center;
//     overflow: hidden;
// }
